---
title: グリッド線
---

グリッド線は、スプレッドシート上でセルの区切りを視覚的に判別するための要素で、データの閲覧および整理を容易にします。Univer では、グリッド線の表示／非表示を切り替える機能に加え、グリッド線の色を設定する機能を提供しています。

## Facade API

### グリッド線の表示可否を切り替える

```typescript
const fWorkSheet = univerAPI.getActiveWorkbook().getActiveSheet()

// グリッド線を非表示にする
fWorkSheet.setHiddenGridlines(true)

// グリッド線を表示する
fWorkSheet.setHiddenGridlines(false)
```

### 現在のグリッド線表示状態を取得する

```typescript
const fWorkSheet = univerAPI.getActiveWorkbook().getActiveSheet()

// グリッド線が非表示かどうかを確認
if (fWorkSheet.hasHiddenGridLines()) {
  console.log('Gridlines are hidden')
}
```

### グリッド線の色を設定する

```typescript
const fWorkSheet = univerAPI.getActiveWorkbook().getActiveSheet()

// グリッド線の色を赤 (#ff0000) に設定
fWorkSheet.setGridLinesColor('#ff0000')
console.log(fWorkSheet.getGridLinesColor()) // #ff0000
```
